<script setup lang="ts">
const props = defineProps<{
  // 推送状态，1=待推送，3=推送失败，4=推送中，其他=推送成功
  push_status?: number;
  // 推送结果说明
  push_content?: string;
  // 商家平台订单状态，10=待付款，11=用户关闭，12=支付超时，20=待发货，30=已发货，40=已完成，50=已退款
  sj_status?: number;
  // 商家订单号
  order_num?: string;
}>()

const getPushStatus = () => {
  switch (props.push_status) {
    case 1:
      return '待推送'
    case 3:
      return '推送失败'
    case 4:
      return '推送中'
    default:
      return '推送成功'
  }
}

const getErpStatus = () => {
  switch (props.sj_status) {
    case 10:
      return '待付款'
    case 11:
      return '用户关闭'
    case 12:
      return '支付超时'
    case 20:
      return '待发货'
    case 30:
      return '已发货'
    case 40:
      return '已完成'
    case 50:
      return '已退款'
    default:
      return '未知'
  }
}

</script>

<template>
  <div class="flex flex-col space-y-1 text-xs">
    <span>推送状态: {{ getPushStatus() }}</span>
    <span v-if="props.push_status !== 1 && props.push_status !== 4 && props.push_content">推送结果: {{ props.push_content }}</span>
    <template v-if="props.order_num">
      <span>订单号: {{ props.order_num }}</span>
      <span>状态: {{ getErpStatus() }}</span>
    </template>
  </div>
</template>